﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ContentPage.aspx.cs" MasterPageFile="ContentMaster.master" Inherits="ContentPage" %>

<asp:Content ID="Content1" runat="server" contentplaceholderid="ContentPlaceHolder1">
    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link href="css/contentpage.css" rel="stylesheet" /> <!-- Using contentpage.css as stylesheet -->
    <title>Web Project</title>
</head>
<body> 
    <form id="form1">
        <ul id="contentitem"> <!-- Load css to unordered list -->
            <!-- Using repeater to add each row of database of the selected query -->
        <asp:Repeater ID="Repeater1" runat="server"> 
        <ItemTemplate>
        <li>
        <img src="<%#Eval("imgurl")%>" alt="Doom Enlightment" id ="image" /> <!-- Every time Reader loops, set img src to the imgurl variable in codebehind -->
    <div class="contentinfo"> <!-- The contentitem description box -->
        <h3><%#Eval("name")%></h3> <!-- Every time Reader loops, write the value of the name variable in codebehind -->
        <p><%#Eval("description")%></p> <!-- Every time Reader loops, write the value of the description variable in codebehind -->
        <a href="<%#Eval("location")%>" title="Doom Enlightment"><%#Eval("filetype")%></a> <!-- Every time Reader loops, set a href to the value of location variable in codebehind -->
    </div>
        </li>         
        </ItemTemplate>                                
        </asp:Repeater>
        </ul>
    </form>
</body>
</html>
</asp:Content>